<%--
  Created by IntelliJ IDEA.
  User: fujia
  Date: 2016/6/30
  Time: 18:40
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="s" uri="/struts-tags" %>

<!DOCTYPE html>
<html lang="en">
<%@include file="common/head.jsp"%>
<body>

    <div class="app app-header-fixed" id="app">
        <%@include file="common/navbar.jsp"%>

        <%@include file="common/menu.jsp"%>

        <!-- content -->
        <div class="app-content">
            <div ui-butterbar></div>
            <a href class="off-screen-toggle hide" data-toggle="class:off-screen" data-target=".app-aside" ></a>
            <div class="app-content-body fade-in-up">
                <!-- COPY the content from "tpl/" -->
                <div class="hbox hbox-auto-xs hbox-auto-sm">
                    <div class="col">
                        <div style="background:url(/resources/personal/img/c4.jpg) center center; background-size:cover">
                            <div class="wrapper-lg bg-white-opacity">
                                <div class="row m-t">
                                    <div class="col-sm-7">
                                        <a href class="thumb-lg pull-left m-r">
                                            <img src="/resources/picture/head/<s:property value="#session.userId" />.png" class="img-circle">
                                        </a>
                                        <div class="clear m-b">
                                            <div class="m-b m-t-sm">
                                                <span class="h3 text-black"><s:property value="#session.username" /></span>
                                            </div>
                                            <p class="m-b">
                                                <a href class="btn btn-sm btn-bg btn-rounded btn-default btn-icon"><i class="fa fa-twitter"></i></a>
                                                <a href class="btn btn-sm btn-bg btn-rounded btn-default btn-icon"><i class="fa fa-facebook"></i></a>
                                                <a href class="btn btn-sm btn-bg btn-rounded btn-default btn-icon"><i class="fa fa-google-plus"></i></a>
                                            </p>
                                        </div>
                                    </div>
                                    <div class="col-sm-5">
                                        <div class="pull-right pull-none-xs text-center">
                                            <a href class="m-b-md inline m">
                                                <span class="h3 block font-bold">2k</span>
                                                <small>Followers</small>
                                            </a>
                                            <a href class="m-b-md inline m">
                                                <span class="h3 block font-bold">250</span>
                                                <small>Following</small>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="wrapper bg-white b-b">
                            <ul class="nav nav-pills nav-sm">
                                <li class="active"><a href="/publish.action">发表文章</a></li>
                            </ul>
                        </div>
                        <div class="padder">
                            <div class="streamline b-l b-info m-l-lg m-b padder-v">

                                <s:if test="#session.myArticles != null ">
                                    <s:iterator value="#session.myArticles" status="myArticle">
                                        <!--文章 开始-->
                                        <div>
                                            <a class="pull-left thumb-sm avatar m-l-n-md">
                                                <img src="/resources/picture/head/<s:property value="article.userId" />.png" class="img-circle" alt="...">
                                            </a>
                                            <div class="m-l-lg m-b-lg">
                                                <div class="m-b-xs">
                                                    <a href="/single.action?article=<s:property value="article.articleId" />" class="h4"><s:property value="article.title" /></a>
                                                    <span class="text-muted m-l-sm pull-right"><s:property value="article.dateAdded" /></span>
                                                </div>
                                                <div class="m-b">
                                                    <div class="m-b"><s:property value="article.text" /></div>
                                                    <img src="/resources/personal/img/c5.jpg" class="b b-a wrapper-xs bg-white img-responsive">
                                                    <div class="m-t-sm">
                                                        <b class="text-muted m-xs"><img src="/resources/personal/img/icon/like.png" alt="like" width="14px" height="14px"> <s:property value="article.praiseNumber" /></b>
                                                        <b class="text-muted m-xs"><img src="/resources/personal/img/icon/reply.png" alt="reply" width="14px" height="14px"> <s:property value="article.commentNumber" /></b>
                                                        <b class="text-muted m-xs"><img src="/resources/personal/img/icon/delete.png" alt="delete" width="14px" height="14px" data-id="<s:property value="article.articleId" />" class="delete-article"></b>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--文章 结束-->
                                        <s:iterator value="replys" status="reply">
                                            <!-- 回复 开始 -->
                                            <div class="m-l-lg">
                                                <a class="pull-left thumb-sm avatar m-l-n-md">
                                                    <img src="/resources/picture/head/<s:property value="userId" />.png" alt="...">
                                                </a>
                                                <div class="m-l-lg m-b-lg panel b-a lt">
                                                    <div class="panel-heading pos-rlt">
                                                        <span class="arrow left pull-up"></span>
                                                        <b><s:property value="name" /></b>
                                                        <span class="text-muted m-l-sm pull-right"><s:property value="addDate" /></span>
                                                    </div>
                                                    <div class="panel-body">
                                                        <div><s:property value="text" /></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- 回复 结束 -->
                                        </s:iterator>
                                    </s:iterator>
                                </s:if>
                            </div>
                        </div>
                    </div>
                    <%@include file="common/follow.jsp"%>
                </div>
                <!-- PASTE above -->
            </div>
        </div>
        <!-- /content -->

        <%@include file="common/aside.jsp"%>

        <%@include file="common/footer.jsp"%>
    </div>
    <%@include file="common/script.jsp"%>
</body>
</html>